<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="decorator" content="blank"/>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0"/>
    <meta content="telephone=no" name="format-detection">
    <title>展示图片设定</title>
    <script type="text/javascript"  src="../static/js/browser.min.js"></script>
    <script type="text/javascript"  src="../static/jq/jquery.3.4.1.min.js"></script>
    <script type="text/javascript"  src="../static/js/tableau.extensions.1.latest.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../static/css/setting.css">
</head>
<body>
     <div class="father">
         <div class="text">
             <div class="inputd">
                 <span style="text-align: center">目标工作表: </span><input id="mbgzb" type="text" class="Input" placeholder="目标工作表" value="">
                 <div style="position: absolute;left: 52vw;width: 22vw;font-size: 9px;color: #8f99ad">（若多个用英文逗号隔开;不填则会扫描所有工作表;更改后需要刷新）</div>
             </div>
             <div class="inputd">
                 <span>图片圆角（px/百分比）: </span><input id="tpyj" type="text" class="Input" placeholder="图片圆角" value="">
             </div>
             <div class="inputd">
                 <span>目标图片字段: </span><input id="mbgzzd" type="text" class="Input" placeholder="目标图片字段" value="">
             </div>

             <div class="inputd">
                <span>图片左边距（px）: </span><input id="pdz" type="number" class="Input" placeholder="图片左边距" value="">
             </div>
             <div class="inputd">
                 <span>图片右边距（px）: </span><input id="pdy" type="number" class="Input" placeholder="图片右边距" value="">
             </div>
             <div class="inputd">
                 <span>图片上下边距（px）: </span><input id="pdtb" type="number" class="Input" placeholder="图片上下边距" value="">
             </div>
             <div class="inputd">
                 <span>每行显示图片数: </span><input id="hangNums" type="number" class="Input" placeholder="每行显示图片数" value="">
             </div>

             <div class="inputd">
                 <span>top数量: </span><input id="topNums" type="number" class="Input" placeholder="top数量" value="">
             </div>
             <div class="inputd">
                 <span>背景颜色: </span><input id="bjys" type="text" class="Input" placeholder="背景颜色" value="">
             </div>
             <div class="inputd">
                 <span>默认图片url: </span><input id="bjtpUrl" type="text" class="Input" placeholder="不填则使用默认的图片" value="">
             </div>
             <div class="inputd">
                 <span>图片是否平分窗口高度: </span>
                 <input id="tpgd0" type="radio" class="Inputradio" value="0" name="tpgd" checked="checked">否
                 <input id="tpgd1" type="radio" class="Inputradio" value="1" name="tpgd">是
             </div>
             <div style="color: #8590a6;font-size: 8px;">若选否，则高度等于宽度</div>
             <div style="color: #8590a6;font-size: 8px;line-height: 14px;margin-top: 3px">
                 背景颜色可以配置渐变色，如：linear-gradient(#e66465, #9198e5)
                 <br>其他的渐变色配置请参考：https://www.runoob.com/css3/css3-gradients.html
             </div>
<!--             <div style="text-align: center;color: #175199;">设置完成之后，请重新加载扩展</div>-->
             <button   class="Button SignFlow-submitButton Button--primary Button--blue" id="wancheng">完成</button>
         </div>
     </div>
</body>
<script type="text/babel"  src="../static/js/setting.js"></script>
</html>